<template>
  <div>
    <el-row>
      <el-col :span="24">
        <div class="content">
          <div class="title">
            <div style="margin-left: 15px;float:left;margin-top: 8px;margin-bottom: 6px"><img style="align-content: center" src="../assets/stu/ico_route_hover.png" height="32" width="32"/></div>
            <div style="float: left;vertical-align: middle;line-height: 50px;margin-left: 10px;color: #499aff">学习足迹</div>
          </div>
          <div class="form">

          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        form: {name: '123456'}
      }
    }
  }
</script>

<style scoped lang="less">
  .content {
    border: solid 1px #dddddd;
    border-top: solid #499aff;
    margin-top: 20px;
    min-height: 600px;
    .title {
      height: 50px;
      color: #499aff;
    }
    .form {
      border-top: solid 1px #dddddd;
      text-align: center;
    }
  }
</style>
